<!--
  功能：初始化功能描述
  作者：zichen-jiang
  邮箱：18307106535@163.com
  版本：v1.0.2
  修改内容：vue2.0初始化模板
  修改人员：zicheng-jiang
  修订时间：2020.10.01
  组件生成时间：2022年04月15日 10:56:28
-->
<template>
  <div class="Workdesktop">
    <div class="tabbox">
      <TABBOX v-for="(item,index) in tabboxList" :key="index" :item="item" :index="index" />
    </div>
    <!-- 待办 -->
    <div class="commission">
      <el-tabs v-model="activeName" style="margin:20px">
        <el-tab-pane label="全部待办" name="first">全部待办</el-tab-pane>
      </el-tabs>
    </div>
    <main>
      <WORKMAIN v-for="(item,index) in mainList" :key="index" :item="item" :index="index" />
    </main>
  </div>
</template>
<script>
//import(导入)其他文件（如：组件，工具js，第三方插件js，json文件，图片文件等）
import TABBOX from "../../components/Workdesktop/TABBOX";
import WORKMAIN from "../../components/Workdesktop/WORKMAIN";
export default {
  /**注册组件*/
  components: { TABBOX, WORKMAIN },
  /**接受父组件传值*/
  props: {},
  name: "Workdesktop",
  data() {
    return {
      tabboxList: [
        {
          name: "监督单位数",
          imgUrl: require("../../assets/unit.png"),
          num: 3
        },
        {
          name: "监督对象数",
          imgUrl: require("../../assets/obj.png"),
          num: 154
        },
        {
          name: "调理管理",
          imgUrl: require("../../assets/consult.png"),
          num: 145
        },
        {
          name: "调理管理",
          imgUrl: require("../../assets/land.png"),
          num: 54
        }
      ],
      mainList: [
        {
          title: "四清单（问题清单、任务清单、责任清单、落实清单）",
          imgUrl: require("../../assets/unit.png")
        },
        {
          title: "政治生态建设自评自查报告",
          imgUrl: require("../../assets/obj.png")
        },
        {
          title: "政治情况监督报告",
          imgUrl: require("../../assets/consult.png")
        },
        {
          title: "政治生态建设档案",
          imgUrl: require("../../assets/land.png")
        }
      ],
      activeName:"first"
    };
  },
  /**计算属性*/
  computed: {},
  /**监听data数据变化*/

  watch: {},
  /**创建组件时执行(有VM对象this)*/
  created() {},
  /**加载完组件时执行(主要预处理数据)*/
  mounted() {},
  /**所有方法*/
  methods: {}
};
</script>
<style scoped lang="scss">
/* @import url(); 引入css类 */
.tabbox,
main {
  display: flex;
  justify-content: space-between;
}
main {
  margin-top: 10px;
  flex-wrap: wrap;
}
.commission {
  margin-top: 10px;
  width: 100%;
  height: 200px;
  background: #fff;
  border-radius: 5px;
}
</style>